<template>
  <div>
    <a-input-group class="group">
      <div class="item">
        <span class="title">要找回的账号：</span
        ><a-input v-model="account" class="input" placeholder="请输入账号" />
      </div>
    </a-input-group>
    <div class="sumbit" @click="toSumbit()">发送验证码至注册邮箱</div>
  </div>
</template>
  


<script lang="ts">
export default {
  name: "ForgetItem",
  components: {},
  data() {
    return {
      title: "标题",
      account: "",

    };
  },

  created() {},
  mounted() {
    // let param = {};
    // this.$api.login.getCateList(param).then((res) => {
    //   console.log(res);
    //   // this.data = res.data.data;
    //   // this.loading = false;
    //   ImagePreview({
    //     images: [
    //       "https://img.yzcdn.cn/vant/apple-1.jpg",
    //       "https://img.yzcdn.cn/vant/apple-2.jpg",
    //     ],
    //     closeable: true,
    //   });
    // });
    // Toast('222')

  },
  methods: {
    toSumbit() {
      if (this.account == "" || this.account == null) {
        this.$message.error("请输入账号");
        return;
      }

      this.toForGet();
    },
    toForGet() {},
  },
};
</script>

<style scoped lang="scss">
.group {
  padding-top: 80px;
  padding-bottom: 30px;
  .item {
    display: flex;
    flex-direction: row;
    height: 50px;
    line-height: 50px;
    justify-content: left;
    align-items: center;
    .title {
      width: 160px;
      text-align: left;
      font-size: 16px;
      color: white;
      padding-left: 30px;
      margin-left: 60px;
    }
    .input {
      margin-right: 60px;
      width: 180px;
      text-align: left;
    }
  }
}

.sumbit {
  background: #1890ff;
  border-radius: 8px;
  height: 44px;
  color: whitesmoke;
  font-weight: 800;
  text-align: center;
  line-height: 44px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 20px;
}
</style>
